@import "@name";
.home{
  background: @bg;
  overflow-x: hidden;
  .banner{
    padding-top: 4em;
    width:100%;
    height:0;
    padding-bottom: 58%;
    .shuffling{
      position: relative;
      height:0;
      padding-bottom: 58%;
      ul{
        height:0;
        padding-bottom: 58%;
        li{
          height:0;
          padding-bottom: 58%;
          a{
            height:0;
            padding-bottom: 58%;
            background-size: cover;
          }
        }
      }
      .dot{
        bottom: 10px;
        position: absolute;
      }
    }
  }
  .homeMidBar{
    display: flex;
    align-items: center;
    justify-content: center;
    height:6em;
    background: @bg-white;
    margin-bottom: 0.5em;
    a{
      display: flex;
      flex-direction:column;
      align-items: center;
      justify-content: center;
      i{
        color: @color-main-1;
      }
      span{
        font-size: @font-size-p;
        color: @color-main-1;
      }
    }
  }
  .homeProductList{
    padding-bottom: 60px;
    h2{
      font-size: @font-size-t;
      background: @bg-white;
      line-height: 40px;
      padding: 0 1em;
      font-weight: 400;
    }
  }
}